<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/react.development.js"></script>
    <script src="./lib/react-dom.development.js"></script>
    <style>
        .bg {
            color: green;
            font-size: 40px;
        }
    </style>
</head>
<body>
<div id="root">

</div>

</body>
<script>
    "use strict";
    var root = ReactDOM.createRoot(document.querySelector("#root"));
    var num = 1;
    var num2 = 2;
    var my = {
        color: "red"
    };
    console.log(React.createElement(
        "div",
        null,
        React.createElement(
            "h3",
            {
                style: my
            },
            "我现在很好，你现在过的好不好？"
        ),
        React.createElement(
            "div",
            null,
            React.createElement(
                "span",
                {
                    className: "bg"
                },
                num
            ),
            React.createElement(
                "span",
                null,
                num2
            )
        )
    )
    );

</script>
</html>